<template>
    <a-layout-header style="padding: 0;">
        <a-menu v-model:selectedKeys="current" mode="horizontal">


            <a-menu-item style="margin-left: auto;">
                <a-dropdown>
                    <a-avatar :size="50" style="color: #f56a00; background-color: #fde3cf">
                        {{ baseStore.getAdmin?.name }}</a-avatar>
                    <template #overlay>
                        <a-menu>
                            <a-menu-item>
                                <span @click="baseStore.logout()">
                                    退出登录
                                    <logout style="margin-top: 5px;" theme="outline" size="16" fill="#333"
                                        :strokeWidth="3" />
                                </span>
                            </a-menu-item>
                            <a-menu-item>
                                <span @click="">
                                    个人中心
                                </span>
                            </a-menu-item>
                        </a-menu>
                    </template>
                </a-dropdown>

            </a-menu-item>
        </a-menu>
    </a-layout-header>

</template>

<script setup lang="ts">
import { ref } from 'vue';
import { Logout } from '@icon-park/vue-next';
import useBaseStore from '@/stores/baseStore.ts'

const baseStore = useBaseStore();
const current = ref<string[]>(['mail']);


</script>